<div
  class="window lucky-positionCenter-child lucky-radius--big lucky-shadow--basic"
>
  <div class="title">注&nbsp;&nbsp;册</div>
  <form [formGroup]="registerForm" (ngSubmit)="onSubmit()">
    <div class="form-field">
      <span class="iconfont icon-user"></span>
      <input
        type="text"
        formControlName="account"
        class="lucky-input-text"
        placeholder="用户名"
      />
    </div>
    <div class="form-field">
      <span class="iconfont icon-lock"></span>
      <input
        type="password"
        formControlName="password"
        class="lucky-input-text"
        placeholder="密码"
      />
    </div>
    <div class="form-field">
      <span class="iconfont icon-lock"></span>
      <input
        type="password"
        formControlName="checkpwd"
        class="lucky-input-text"
        placeholder="确认密码"
      />
    </div>
    <div class="form-field">
      <span class="iconfont icon-mail"></span>
      <input
        type="email"
        formControlName="email"
        class="lucky-input-text"
        placeholder="邮箱"
      />
    </div>
    <div class="login lucky-flexCenter ">
      <a routerLink="/home/login">立即登陆</a>
    </div>
    <div class="submit">
      <button
        type="submit"
        [disabled]="!registerForm.valid"
        class="lucky-radius--big"
        [ngClass]="!registerForm.valid ? 'button--disable' : ''"
      >
        注&nbsp;&nbsp;册
      </button>
    </div>
  </form>
</div>
